import {createStore} from 'vuex'
export default createStore({
    state:{
        count:1,
        theme:"dark",//控制底图样式和部分控件的颜色
    },
    getters:{
        count_:(state)=>{
            return state.count+1
        },
    },
    mutations:{
        increment(state,payload){//第一参数是state对象,第二参数为手动传入
            state.count+=payload.count
        },//组件中的调用方法举例:`store.commit('increment',{count:10})`
        changeTheme(state,event){
            state.theme=event.theme
        }
    },
    actions:{
        asyncIncrement(context,payload){//context表示类似store对象的上下文对象,第二参数为手动传入
            setTimeout(()=>{
                context.commit('increment',payload)
            },2000)//组件中的调用方法举例:` store.dispatch('asyncIncrement',{count:10})`
        }
    },
})
